.viewLeft{
            width: 770px;
            box-sizing: border-box;
            border-right: 1px solid black;
        }
        .viewLeft>div{
            width: 200px;
            margin: 0 auto;
        }
        .viewLeft>div>input{
            width: 30px;
            text-align: center;
        }
        .viewRight{
            width: 205px;
            box-sizing: border-box;
            padding: 5px;
        }
        .viewRight .img{
            width: 100px;
            height:100px;
            border: 1px solid black;
            margin: 5px auto;
            padding: 0;
        }
        .img img{
            width: 100%;
            height: 100%;
        }
        .viewRight li{
            line-height: 30px;
            padding-left: 20px;
            text-align: left;
        }
        .list{
            height:580px;
        }
        .list>li{
            float: left;
            width: 250px;
            border: 1px solid black;
            padding: 10px;
            margin-bottom: 10px;
            margin-right: 5px;
            box-sizing: border-box;
        }
        .list li span{
            display: inline-block;
            width: 50px;
            line-height: 24px;
        }
        .list>li>div{
            width: 230px;
            height: 200px;
            border: 1px solid black;
            margin-bottom: 5px;
            box-sizing: border-box;
        }
        .list>li>div>img{
            width: 100%;
            height: 100%;
        }